iT邦幫忙

2023 iThome 鐵人賽

DAY 10
0
Web 3

I have an AI ,I have a React, Ugh ,AI -React 系列 第 10

[Day10] 註冊事件 更新sever

  • 分享至 

  • xImage
  •  

咒語 :幫我寫登入邏輯handleRegister 是fetch "http://localhost:3310/users" 使用 email, password

const handleRegister = async (email, password) => {
  try {
    const response = await fetch('http://localhost:3310/users', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({ email, password }),
    });

    if (response.status === 201) {
      alert('註冊成功');
      // 可以在此处执行其他操作,如登录用户等
    } else {
      const data = await response.json();
      alert(`註冊失敗: ${data.message}`);
    }
  } catch (error) {
    console.error('註冊時出錯:', error);
  }
};

這樣子簡易的註冊就做完了

可以開啟JSON sever 並且輸入驗證看看

發現剛剛的101@gmail.com已經輸入進去

{
  "users": [
    {
      "id": 1,
      "email": "user2@example.com",
      "password": "password"
    },
    {
      "email": "101@gmail.com",
      "password": "123456",
      "id": 2
    }
  ]
}

上一篇
[Day9]登入成功 link 置換
下一篇
[Day11] 驗證信箱
系列文
I have an AI ,I have a React, Ugh ,AI -React 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言